<section class="clearfix" id="slider">
	<!--SLIDE-->
	<div class="container">
		<div id="carousel-id" class="carousel slide" data-ride="carousel">
		    <!-- Start WOWSlider.com BODY section --> <!-- add to the <body> of your page -->
			<div id="wowslider-container1">
				<?php $stt = 0;
					$arr_thumb = array();
				?>
				<div class="ws_images">
					<ul>
					<?php if(!empty($result_slider)){ foreach($result_slider as $value):?>
						<?php
							$arr_thumb[] = '"'.$value['thumb'].'"'; 
						?>
						<li>
							<a href="<?php echo base_url('video/watch').'/'.$value['rewrite'].'-'.$value['idmedia'].'.html'?>" target="_blank" title="<?php echo $value['name']?>"><img src="<?php if(!empty($value['thumb'])){echo $value['thumb'];}else{ echo base_url('assets/home/images/cover.jpg');} ?>" alt="slider-1" title="<?php echo CutName($value['name'],200);?>" id="wows1_<?php echo $stt++;?>"/></a>
						</li>
					<?php endforeach; } ?>
					<?php
						$str_thumb = implode(',',$arr_thumb);
					?>
					</ul>
				</div>
				<div class="ws_shadow"></div>
			</div>	
			<script type="text/javascript" src="<?php echo base_url('assets/home')?>/js/wowslider.js"></script>
			<script type="text/javascript" src="<?php echo base_url('assets/home')?>/js/script.js"></script>
			<!--tooltip slider-->
			<script type="text/javascript">
				jQuery("#wowslider-container1").wowSlider({effect:"cube,rotate,domino",prev:"",next:"",duration:20*100,delay:20*100,width:1140,height:500,autoPlay:true,autoPlayVideo:false,playPause:false,stopOnHover:false,loop:false,bullets:0,caption:true,captionEffect:"fade",controls:true,controlsThumb:[<?php echo $str_thumb;?>],responsive:1,fullScreen:false,gestures:2,onBeforeStep:0,images:0});
			</script>		
		</div>
	</div>
	<!--END SLIDER-->
</section>
